<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.js"></script>

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/amazeui.css">
    <title>我的</title>
</head>
<body>
    <!-- 我的页面 -->
    <div id="user_conter">
        <!-- 头部部分 -->
        <div class="user_header">
            <a href="#">
                <img src="images/set_up.png" class="set">
            </a>
            <div class="pic">
                <a href="#">
                    <img src="images/head.jpg" />
                </a>
            </div>
            <div class="name">
                <label>*COLOR*</label>
                <p>人生旅程，不同的是沿途风景以及看风景的心情</p>
            </div>
            <a href="#" class="sign">每日签到</a>
        </div>
        <!-- 导航部分 -->
        <div class="user_nav">
            <div class="order_nav">
                <ul class="am-avg-sm-4 box_nav">
                    <li>
                        <a href="#">
                            <img src="images/user_center_icon1.png" />
                            <p>发布游记</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/user_center_icon2.png" />
                            <p>我的收藏</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/user_center_icon3.png" />
                            <p>商品订单</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/user_center_icon4.png" />
                            <p>旅游订单</p>
                        </a>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="data_nav">
                <ul class="am-avg-sm-2">
                    <li>
                        <a href="#">
                            <img src="images/user_center_icon5.png" />
                            <p>积分<span>520</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/user_center_icon5.png" />
                            <p>购物车<span>9</span></p>
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="list_nav">
                <li>
                    <a href="#">
                        <img src="images/user_center_icon6.png" />
                        我的游记
                        <i class="am-icon-angle-right"></i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/user_center_icon7.png" />
                        我的评论
                        <i class="am-icon-angle-right"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    
     <!-- 底部footer -->
     <div id="footer">
         <div class="first">
             <ul class="am-avg-sm-2">
                 <li>
                     <a href="index.html">
                         <img src="images/icon-footer01-a.png" />
                         <p>首页</p>
                     </a>
                 </li>
                 <li>
                     <a href="shop.html">
                         <img src="images/icon-footer4-a.png" />
                         <p>农贸商城</p>
                     </a>
                 </li>
             </ul>
         </div>
         <div class="beautiful">
             <a href="beautiful_list.html">
                 <img src="images/icon-footer3-a.png" />
             </a>
         </div>
         <div class="last">
             <ul class="am-avg-sm-2">
                 <li>
                     <a href="trip_list.html">
                         <img src="images/icon-footer2-a.png" />
                         <p>乡村旅游</p>
                     </a>
                 </li>
                 <li class="active">
                     <a href="user.html">
                         <img src="images/icon-footer5-a.png" />
                         <p>我的</p>
                     </a>
                 </li>
             </ul>
         </div>
     </div>
</body>
</html>